﻿<!DOCTYPE html>
<html lang="en">
<head>
	<title>Gnash - Details Right Sidebar</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png"/>
	<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/font-awesome.min.css">
	<link rel="stylesheet" href="../css/owl.carousel.min.css">
	<link rel="stylesheet" href="../css/animate.min.css">
	<link rel="stylesheet" href="../css/jquery-ui.css">
	<link rel="stylesheet" href="../css/slick.css">
	<link rel="stylesheet" href="../css/chosen.min.css">
	<link rel="stylesheet" href="../css/pe-icon-7-stroke.css">
	<link rel="stylesheet" href="../css/magnific-popup.min.css">
	<link rel="stylesheet" href="../css/lightbox.min.css">
	<link rel="stylesheet" href="../js/fancybox/source/jquery.fancybox.css">
	<link rel="stylesheet" href="../css/jquery.scrollbar.min.css">
	<link rel="stylesheet" href="../css/mobile-menu.css">
	<link rel="stylesheet" href="../fonts/flaticon/flaticon.css">
	<link rel="stylesheet" href="../css/style.css">
</head>
<body class="details-page">
<header class="header style7">
	<div class="top-bar">
		<div class="container">
			<div class="top-bar-left">
				<div class="header-message">
					Welcome to our online store!
				</div>
			</div>
			<div class="top-bar-right">
				<div class="header-language">
					<div class="gnash-language gnash-dropdown">
						<a href="#" class="active language-toggle" data-gnash="gnash-dropdown">
								<span>
									English (USD)
								</span>
						</a>
						<ul class="gnash-submenu">
							<li class="switcher-option">
								<a href="#">
										<span>
											French (EUR)
										</span>
								</a>
							</li>
							<li class="switcher-option">
								<a href="#">
										<span>
											Japanese (JPY)
										</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<ul class="header-user-links">
					<li>
						<a href="login.jsp">Login or Register</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="main-header">
			<div class="row">
				<div class="col-lg-3 col-sm-4 col-md-3 col-xs-7 col-ts-12 header-element">
					<div class="logo">
						<a href="index.jsp">
							<img src="../images/logo.png" alt="img">
						</a>
					</div>
				</div>
				<div class="col-lg-7 col-sm-8 col-md-6 col-xs-5 col-ts-12">
					<div class="block-search-block">
						<form class="form-search form-search-width-category">
							<div class="form-content">
								<div class="category">
									<select title="cate" data-placeholder="All Categories" class="chosen-select"
											tabindex="1">
										<option value="United States">Healthy</option>
										<option value="United Kingdom">Pumpkin</option>
										<option value="Afghanistan">Vitamins</option>
										<option value="Aland Islands">Vegetables</option>
										<option value="Albania">New Arrivals</option>
										<option value="Algeria">Lentils</option>
									</select>
								</div>
								<div class="inner">
									<input type="text" class="input" name="s" value="" placeholder="Search here">
								</div>
								<button class="btn-search" type="submit">
									<span class="icon-search"></span>
								</button>
							</div>
						</form>
					</div>
				</div>
				<div class="col-lg-2 col-sm-12 col-md-3 col-xs-12 col-ts-12">
					<div class="header-control">
						<div class="block-minicart gnash-mini-cart block-header gnash-dropdown">
							<a href="javascript:void(0);" class="shopcart-icon" data-gnash="gnash-dropdown">
								Cart
								<span class="count">
									0
									</span>
							</a>
							<div class="no-product gnash-submenu">
								<p class="text">
									You have
									<span>
											 0 item(s)
										</span>
									in your bag
								</p>
							</div>
						</div>
						<div class="block-account block-header gnash-dropdown">
							<a href="javascript:void(0);" data-gnash="gnash-dropdown">
								<span class="flaticon-user"></span>
							</a>
							<div class="header-account gnash-submenu">
								<div class="header-user-form-tabs">
									<ul class="tab-link">
										<li class="active">
											<a data-toggle="tab" aria-expanded="true" href="#header-tab-login">Login</a>
										</li>
										<li>
											<a data-toggle="tab" aria-expanded="true" href="#header-tab-rigister">Register</a>
										</li>
									</ul>
									<div class="tab-container">
										<div id="header-tab-login" class="tab-panel active">
											<form method="post" class="login form-login">
												<p class="form-row form-row-wide">
													<input type="email" placeholder="Email" class="input-text">
												</p>
												<p class="form-row form-row-wide">
													<input type="password" class="input-text" placeholder="Password">
												</p>
												<p class="form-row">
													<label class="form-checkbox">
														<input type="checkbox" class="input-checkbox">
														<span>
																Remember me
															</span>
													</label>
													<input type="submit" class="button" value="Login">
												</p>
												<p class="lost_password">
													<a href="#">Lost your password?</a>
												</p>
											</form>
										</div>
										<div id="header-tab-rigister" class="tab-panel">
											<form method="post" class="register form-register">
												<p class="form-row form-row-wide">
													<input type="email" placeholder="Email" class="input-text">
												</p>
												<p class="form-row form-row-wide">
													<input type="password" class="input-text" placeholder="Password">
												</p>
												<p class="form-row">
													<input type="submit" class="button" value="Register">
												</p>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
						<a class="menu-bar mobile-navigation menu-toggle" href="#">
							<span></span>
							<span></span>
							<span></span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="header-nav-container">
		<div class="container">
			<div class="header-nav-wapper main-menu-wapper">
				<div class="vertical-wapper block-nav-categori">
					<div class="block-title">
						<span class="icon-bar">
							<span></span>
							<span></span>
							<span></span>
						</span>
						<span class="text">All Categories</span>
					</div>
					<div class="block-content verticalmenu-content">
						<ul class="gnash-nav-vertical vertical-menu gnash-clone-mobile-menu">
							<li class="menu-item">
								<a href="#" class="gnash-menu-item-title" title="New Arrivals">New Arrivals</a>
							</li>
							<li class="menu-item">
								<a title="Hot Sale" href="#" class="gnash-menu-item-title">Hot Sale</a>
							</li>
							<li class="menu-item menu-item-has-children">
								<a title="Healthy" href="#" class="gnash-menu-item-title">Healthy</a>
								<span class="toggle-submenu"></span>
								<ul role="menu" class=" submenu">
									<li class="menu-item">
										<a title="Broccoli" href="#" class="gnash-item-title">Broccoli</a>
									</li>
									<li class="menu-item">
										<a title="Pumpkin" href="#" class="gnash-item-title">Pumpkin</a>
									</li>
									<li class="menu-item">
										<a title="New Arrivals" href="#" class="gnash-item-title">New Arrivals</a>
									</li>
									<li class="menu-item">
										<a title="Healthy" href="#" class="gnash-item-title">Healthy</a>
									</li>
									<li class="menu-item">
										<a title="Lentils" href="#" class="gnash-item-title">Lentils</a>
									</li>
								</ul>
							</li>
							<li class="menu-item">
								<a title="Pumpkin" href="#" class="gnash-menu-item-title">Pumpkin</a>
							</li>
							<li class="menu-item">
								<a title="Leafy green" href="#" class="gnash-menu-item-title">Leafy green</a>
							</li>
							<li class="menu-item">
								<a title="Soybeans" href="#" class="gnash-menu-item-title">Soybeans</a>
							</li>
							<li class="menu-item">
								<a title="Cauliflower" href="#" class="gnash-menu-item-title">Cauliflower</a>
							</li>
							<li class="menu-item">
								<a title="Raw fruit" href="#" class="gnash-menu-item-title">Raw fruit</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="header-nav">
					<div class="container-wapper">
						<ul class="gnash-clone-mobile-menu gnash-nav main-menu " id="menu-main-menu">
							<li class="menu-item  menu-item-has-children">
								<a href="index.jsp" class="gnash-menu-item-title" title="Home">Home</a>
								<span class="toggle-submenu"></span>
								<ul class="submenu">
									<li class="menu-item">
										<a href="index.jsp">Home 01</a>
									</li>
									<li class="menu-item">
										<a href="home2.jsp">Home 02</a>
									</li>
									<li class="menu-item">
										<a href="home3.jsp">Home 03</a>
									</li>
								</ul>
							</li>
							<li class="menu-item menu-item-has-children">
								<a href="gridproducts.jsp" class="gnash-menu-item-title" title="Shop">Shop</a>
								<span class="toggle-submenu"></span>
								<ul class="submenu">
									<li class="menu-item">
										<a href="gridproducts.jsp">Grid Fullwidth</a>
									</li>
									<li class="menu-item">
										<a href="gridproducts_leftsidebar.jsp">Grid Left sidebar</a>
									</li>
									<li class="menu-item">
										<a href="gridproducts_bannerslider.jsp">Grid Bannerslider</a>
									</li>
									<li class="menu-item">
										<a href="listproducts.jsp">List</a>
									</li>
								</ul>
							</li>
							<li class="menu-item  menu-item-has-children item-megamenu">
								<a href="#" class="gnash-menu-item-title" title="Pages">Pages</a>
								<span class="toggle-submenu"></span>
								<div class="submenu mega-menu menu-page">
									<div class="row">
										<div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 menu-page-item">
											<div class="gnash-custommenu default">
												<h2 class="widgettitle">Shop Pages</h2>
												<ul class="menu">
													<li class="menu-item">
														<a href="shoppingcart.jsp">Shopping Cart</a>
													</li>
													<li class="menu-item">
														<a href="checkout.jsp">Checkout</a>
													</li>
													<li class="menu-item">
														<a href="contact.jsp">Contact us</a>
													</li>
													<li class="menu-item">
														<a href="404page.jsp">404</a>
													</li>
													<li class="menu-item">
														<a href="login.jsp">Login/Register</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 menu-page-item">
											<div class="gnash-custommenu default">
												<h2 class="widgettitle">Product</h2>
												<ul class="menu">
													<li class="menu-item">
														<a href="productdetails-fullwidth.jsp">Product Fullwidth</a>
													</li>
													<li class="menu-item">
														<a href="productdetails-leftsidebar.jsp">Product left sidebar</a>
													</li>
													<li class="menu-item">
														<a href="productdetails-rightsidebar.jsp">Product right sidebar</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 menu-page-item">
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 menu-page-item">
										</div>
									</div>
								</div>
							</li>
							<li class="menu-item  menu-item-has-children">
								<a href="inblog_right-siderbar.jsp" class="gnash-menu-item-title"
								   title="Blogs">Blogs</a>
								<span class="toggle-submenu"></span>
								<ul class="submenu">
									<li class="menu-item menu-item-has-children">
										<a href="#" class="gnash-menu-item-title" title="Blog Style">Blog Style</a>
										<span class="toggle-submenu"></span>
										<ul class="submenu">
											<li class="menu-item">
												<a href="bloggrid.jsp">Grid</a>
											</li>
											<li class="menu-item">
												<a href="bloglist.jsp">List</a>
											</li>
											<li class="menu-item">
												<a href="bloglist-leftsidebar.jsp">List Sidebar</a>
											</li>
										</ul>
									</li>
									<li class="menu-item menu-item-has-children">
										<a href="#" class="gnash-menu-item-title" title="Post Layout">Post Layout</a>
										<span class="toggle-submenu"></span>
										<ul class="submenu">
											<li class="menu-item">
												<a href="inblog_left-siderbar.jsp">Left Sidebar</a>
											</li>
											<li class="menu-item">
												<a href="inblog_right-siderbar.jsp">Right Sidebar</a>
											</li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="menu-item">
								<a href="about.jsp" class="gnash-menu-item-title" title="About">About</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
<div class="header-device-mobile">
	<div class="wapper">
		<div class="item mobile-logo">
			<div class="logo">
				<a href="#">
					<img src="../images/logo.png" alt="img">
				</a>
			</div>
		</div>
		<div class="item item mobile-search-box has-sub">
			<a href="#">
						<span class="icon">
							<i class="fa fa-search" aria-hidden="true"></i>
						</span>
			</a>
			<div class="block-sub">
				<a href="#" class="close">
					<i class="fa fa-times" aria-hidden="true"></i>
				</a>
				<div class="header-searchform-box">
					<form class="header-searchform">
						<div class="searchform-wrap">
							<input type="text" class="search-input" placeholder="Enter keywords to search...">
							<input type="submit" class="submit button" value="Search">
						</div>
					</form>
				</div>
			</div>
		</div>
		<div class="item mobile-settings-box has-sub">
			<a href="#">
						<span class="icon">
							<i class="fa fa-cog" aria-hidden="true"></i>
						</span>
			</a>
			<div class="block-sub">
				<a href="#" class="close">
					<i class="fa fa-times" aria-hidden="true"></i>
				</a>
				<div class="block-sub-item">
					<h5 class="block-item-title">Currency</h5>
					<form class="currency-form gnash-language">
						<ul class="gnash-language-wrap">
							<li class="active">
								<a href="#">
											<span>
												English (USD)
											</span>
								</a>
							</li>
							<li>
								<a href="#">
											<span>
												French (EUR)
											</span>
								</a>
							</li>
							<li>
								<a href="#">
											<span>
												Japanese (JPY)
											</span>
								</a>
							</li>
						</ul>
					</form>
				</div>
			</div>
		</div>
		<div class="item menu-bar">
			<a class=" mobile-navigation  menu-toggle" href="#">
				<span></span>
				<span></span>
				<span></span>
			</a>
		</div>
	</div>
</div>
<div class="main-content main-content-details single right-sidebar">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="breadcrumb-trail breadcrumbs">
					<ul class="trail-items breadcrumb">
						<li class="trail-item trail-begin">
							<a href="index.jsp">Home</a>
						</li>
						<li class="trail-item">
							<a href="#">Pumpkin</a>
						</li>
						<li class="trail-item trail-end active">
							Cavendish Bananas
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="content-area content-details col-lg-9 col-md-8 col-sm-12 col-xs-12">
				<div class="site-main">
					<div class="details-product">
						<div class="details-thumd">
							<div class="image-preview-container image-thick-box image_preview_container">
								<img id="img_zoom" data-zoom-image="../images/details-item-1.jpg" src="../images/details-item-1.jpg" alt="img">
								<a href="#" class="btn-zoom open_qv"><i class="fa fa-search" aria-hidden="true"></i></a>
							</div>
							<div class="product-preview image-small product_preview">
								<div id="thumbnails" class="thumbnails_carousel owl-carousel" data-nav="true" data-autoplay="false" data-dots="false" data-loop="false" data-margin="10" data-responsive='{"0":{"items":3},"480":{"items":3},"600":{"items":3},"1000":{"items":3}}'>
									<a href="#" data-image="../images/details-item-1.jpg" data-zoom-image="../images/details-item-1.jpg" class="active">
										<img src="../images/details-item-1.jpg" data-large-image="../images/details-item-1.jpg" alt="img">
									</a>
									<a href="#" data-image="../images/details-item-2.jpg" data-zoom-image="../images/details-item-2.jpg">
										<img src="../images/details-item-2.jpg" data-large-image="../images/details-item-2.jpg" alt="img">
									</a>
									<a href="#" data-image="../images/details-item-3.jpg" data-zoom-image="../images/details-item-3.jpg">
										<img src="../images/details-item-3.jpg" data-large-image="../images/details-item-3.jpg" alt="img">
									</a>
									<a href="#" data-image="../images/details-item-4.jpg" data-zoom-image="../images/details-item-4.jpg">
										<img src="../images/details-item-4.jpg" data-large-image="../images/details-item-4.jpg" alt="img">
									</a>
								</div>
							</div>
						</div>
						<div class="details-infor">
							<h1 class="product-title">
								Cavendish Bananas
							</h1>
							<div class="stars-rating">
								<div class="star-rating">
									<span class="star-5"></span>
								</div>
								<div class="count-star">
									(7)
								</div>
							</div>
							<div class="availability">
								availability:
								<a href="#">in Stock</a>
							</div>
							<div class="price">
								<span>$45</span>
							</div>
							<div class="product-details-description">
								<ul>
									<li>Vestibulum tortor quam</li>
									<li>Imported</li>
									<li>Art.No. 06-7680</li>
								</ul>
							</div>
							<div class="variations">
								<div class="attribute attribute_color">
									<div class="color-text text-attribute">
										Color:
									</div>
									<div class="list-color list-item">
										<a href="#" class="color1"></a>
										<a href="#" class="color2"></a>
										<a href="#" class="color3 active"></a>
										<a href="#" class="color4"></a>
									</div>
								</div>
								<div class="attribute attribute_size">
									<div class="size-text text-attribute">
										Pots Size:
									</div>
									<div class="list-size list-item">
										<a href="#" class="">xs</a>
										<a href="#" class="">s</a>
										<a href="#" class="active">m</a>
										<a href="#" class="">l</a>
										<a href="#" class="">xl</a>
										<a href="#" class="">xxl</a>
									</div>
								</div>
							</div>
							<div class="group-button">
								<div class="yith-wcwl-add-to-wishlist">
									<div class="yith-wcwl-add-button">
										<a href="#">Add to Wishlist</a>
									</div>
								</div>
								<div class="size-chart-wrapp">
									<div class="btn-size-chart">
										<a id="size_chart" href="../images/size-chart.jpg" class="fancybox">View Size Chart</a>
									</div>
								</div>
								<div class="quantity-add-to-cart">
									<div class="quantity">
										<div class="control">
											<a class="btn-number qtyminus quantity-minus" href="#">-</a>
											<input type="text" data-step="1" data-min="0" value="1" title="Qty" class="input-qty qty" size="4">
											<a href="#" class="btn-number qtyplus quantity-plus">+</a>
										</div>
									</div>
									<button class="single_add_to_cart_button button">Add to cart</button>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-details-product">
						<ul class="tab-link">
							<li class="active">
								<a data-toggle="tab" aria-expanded="true" href="#product-descriptions">Descriptions </a>
							</li>
							<li class="">
								<a data-toggle="tab" aria-expanded="true" href="#information">Information </a>
							</li>
							<li class="">
								<a data-toggle="tab" aria-expanded="true" href="#reviews">Reviews</a>
							</li>
						</ul>
						<div class="tab-container">
							<div id="product-descriptions" class="tab-panel active">
								<p>
									Quisque quis ipsum venenatis, fermentum ante volutpat, ornare enim.
									Phasellus molestie risus non aliquet cursus.
									Integer
									vestibulum mi lorem, id hendrerit ante lobortis non.
									Nunc ante ante, lobortis non pretium non, vulputate vel nisi.
									Maecenas dolor elit, fringilla nec turpis ac, auctor vulputate nulla. Phasellus sed laoreet velit.
								</p>
								<p>
									Proin fringilla urna vel mattis euismod.
									Etiam sodales, massa non tincidunt iaculis, mauris libero scelerisque justo, ut rutrum lectus urna sit amet quam.
									Nulla maximus vestibulum mi vitae accumsan.
								</p>
							</div>
							<div id="information" class="tab-panel">
								<table class="table table-bordered">
									<tr>
										<td>Size</td>
										<td> XS / S / M / L </td>
									</tr>
									<tr>
										<td>Color</td>
										<td>White/ Black/ Teal/ Brown</td>
									</tr>
									<tr>
										<td>Properties</td>
										<td>Colorful Dress</td>
									</tr>
								</table>
							</div>
							<div id="reviews" class="tab-panel">
								<div class="reviews-tab">
									<div class="comments">
										<h2 class="reviews-title">
											1 review for
											<span>Cavendish Bananas</span>
										</h2>
										<ol class="commentlist">
											<li class="conment">
												<div class="conment-container">
													<a href="#" class="avatar">
														<img src="../images/avartar.png" alt="img">
													</a>
													<div class="comment-text">
														<div class="stars-rating">
															<div class="star-rating">
																<span class="star-5"></span>
															</div>
															<div class="count-star">
																(1)
															</div>
														</div>
														<p class="meta">
															<strong class="author">Cobus Bester</strong>
															<span>-</span>
															<span class="time">June 7, 2013</span>
														</p>
														<div class="description">
															<p>Simple and effective design. One of my favorites.</p>
														</div>
													</div>
												</div>
											</li>
										</ol>
									</div>
									<div class="review_form_wrapper">
										<div class="review_form">
											<div class="comment-respond">
												<span class="comment-reply-title">Add a review </span>
												<form class="comment-form-review">
													<p class="comment-notes">
														<span class="email-notes">Your email address will not be published.</span>
														Required fields are marked
														<span class="required">*</span>
													</p>
													<div class="comment-form-rating">
														<label>Your rating</label>
														<p class="stars">
                                        						<span>
                                        							<a class="star-1" href="#"></a>
                                        							<a class="star-2" href="#"></a>
                                        							<a class="star-3" href="#"></a>
                                        							<a class="star-4" href="#"></a>
                                        							<a class="star-5" href="#"></a>
                                        						</span>
														</p>
													</div>
													<p class="comment-form-comment">
														<label>
															Your review
															<span class="required">*</span>
														</label>
														<textarea title="review" id="comment" name="comment" cols="45" rows="8"></textarea>
													</p>
													<p class="comment-form-author">
														<label>
															Name
															<span class="">*</span>
														</label>
														<input title="author" id="author" name="author" type="text" value="">
													</p>
													<p class="comment-form-email">
														<label>
															Email
															<span class="">*</span>
														</label>
														<input title="email" id="email" name="email" type="email" value="" >
													</p>
													<p class="form-submit">
														<input name="submit" type="submit" id="submit" class="submit" value="Submit">
													</p>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div style="clear: left;"></div>
					<div class="related products product-grid">
						<h2 class="product-grid-title">You may also like</h2>
						<div class="owl-products owl-slick equal-container nav-center"  data-slick ='{"autoplay":false, "autoplaySpeed":1000, "arrows":true, "dots":false, "infinite":true, "speed":800, "rows":1}' data-responsive='[{"breakpoint":"2000","settings":{"slidesToShow":3}},{"breakpoint":"1200","settings":{"slidesToShow":2}},{"breakpoint":"992","settings":{"slidesToShow":2}},{"breakpoint":"480","settings":{"slidesToShow":1}}]'>
							<div class="product-item style-1">
								<div class="product-inner equal-element">
									<div class="product-top">
										<div class="flash">
													<span class="onnew">
														<span class="text">
															new
														</span>
													</span>
										</div>
									</div>
									<div class="product-thumb">
										<div class="thumb-inner">
											<a href="#">
												<img src="../images/product-item-1.jpg" alt="img">
											</a>
											<div class="thumb-group">
												<div class="yith-wcwl-add-to-wishlist">
													<div class="yith-wcwl-add-button">
														<a href="#">Add to Wishlist</a>
													</div>
												</div>
												<a href="#" class="button quick-wiew-button">Quick View</a>
												<div class="loop-form-add-to-cart">
													<button class="single_add_to_cart_button button">Add to cart
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="product-info">
										<h5 class="product-name product_title">
											<a href="#">Cabbage Band</a>
										</h5>
										<div class="group-info">
											<div class="stars-rating">
												<div class="star-rating">
													<span class="star-3"></span>
												</div>
												<div class="count-star">
													(3)
												</div>
											</div>
											<div class="price">
												<del>
													$65
												</del>
												<ins>
													$45
												</ins>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="product-item style-1">
								<div class="product-inner equal-element">
									<div class="product-top">
										<div class="flash">
													<span class="onnew">
														<span class="text">
															new
														</span>
													</span>
										</div>
									</div>
									<div class="product-thumb">
										<div class="thumb-inner">
											<a href="#">
												<img src="../images/product-item-2.jpg" alt="img">
											</a>
											<div class="thumb-group">
												<div class="yith-wcwl-add-to-wishlist">
													<div class="yith-wcwl-add-button">
														<a href="#">Add to Wishlist</a>
													</div>
												</div>
												<a href="#" class="button quick-wiew-button">Quick View</a>
												<div class="loop-form-add-to-cart">
													<button class="single_add_to_cart_button button">Add to cart
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="product-info">
										<h5 class="product-name product_title">
											<a href="#">Green beans</a>
										</h5>
										<div class="group-info">
											<div class="stars-rating">
												<div class="star-rating">
													<span class="star-3"></span>
												</div>
												<div class="count-star">
													(3)
												</div>
											</div>
											<div class="price">
												<del>
													$65
												</del>
												<ins>
													$45
												</ins>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="product-item style-1">
								<div class="product-inner equal-element">
									<div class="product-top">
										<div class="flash">
													<span class="onnew">
														<span class="text">
															new
														</span>
													</span>
										</div>
									</div>
									<div class="product-thumb">
										<div class="thumb-inner">
											<a href="#">
												<img src="../images/product-item-3.jpg" alt="img">
											</a>
											<div class="thumb-group">
												<div class="yith-wcwl-add-to-wishlist">
													<div class="yith-wcwl-add-button">
														<a href="#">Add to Wishlist</a>
													</div>
												</div>
												<a href="#" class="button quick-wiew-button">Quick View</a>
												<div class="loop-form-add-to-cart">
													<button class="single_add_to_cart_button button">Add to cart
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="product-info">
										<h5 class="product-name product_title">
											<a href="#">Walnuts</a>
										</h5>
										<div class="group-info">
											<div class="stars-rating">
												<div class="star-rating">
													<span class="star-3"></span>
												</div>
												<div class="count-star">
													(3)
												</div>
											</div>
											<div class="price">
												<del>
													$65
												</del>
												<ins>
													$45
												</ins>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="product-item style-1">
								<div class="product-inner equal-element">
									<div class="product-top">
										<div class="flash">
													<span class="onnew">
														<span class="text">
															new
														</span>
													</span>
										</div>
									</div>
									<div class="product-thumb">
										<div class="thumb-inner">
											<a href="#">
												<img src="../images/product-item-4.jpg" alt="img">
											</a>
											<div class="thumb-group">
												<div class="yith-wcwl-add-to-wishlist">
													<div class="yith-wcwl-add-button">
														<a href="#">Add to Wishlist</a>
													</div>
												</div>
												<a href="#" class="button quick-wiew-button">Quick View</a>
												<div class="loop-form-add-to-cart">
													<button class="single_add_to_cart_button button">Add to cart
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="product-info">
										<h5 class="product-name product_title">
											<a href="#">Blood Plums</a>
										</h5>
										<div class="group-info">
											<div class="stars-rating">
												<div class="star-rating">
													<span class="star-3"></span>
												</div>
												<div class="count-star">
													(3)
												</div>
											</div>
											<div class="price">
												<del>
													$65
												</del>
												<ins>
													$45
												</ins>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="sidebar sidebar-details col-lg-3 col-md-4 col-sm-12 col-xs-12">
				<div class="wrapper-sidebar">
					<div class="widget widget-categories">
						<h3 class="widgettitle">Categories</h3>
						<ul class="list-categories">
							<li>
								<input type="checkbox" id="cb1">
								<label for="cb1" class="label-text">
									New Arrivals
								</label>
							</li>
							<li>
								<input type="checkbox" id="cb2">
								<label for="cb2" class="label-text">
									Soybeans
								</label>
							</li>
							<li>
								<input type="checkbox" id="cb3">
								<label for="cb3" class="label-text">
									Vitamins
								</label>
							</li>
							<li>
								<input type="checkbox" id="cb4">
								<label for="cb4" class="label-text">
									Pumpkin
								</label>
							</li>
							<li>
								<input type="checkbox" id="cb5">
								<label for="cb5" class="label-text">
									Healthy
								</label>
							</li>
							<li>
								<input type="checkbox" id="cb6">
								<label for="cb6" class="label-text">
									Leafy green
								</label>
							</li>
						</ul>
					</div>
					<div class="widget widget-related-products">
						<h3 class="widgettitle">Related Products</h3>
						<div class="slider-related-products owl-slick nav-top-right equal-container"  data-slick ='{"autoplay":false, "autoplaySpeed":1000, "arrows":true, "dots":false, "infinite":true, "speed":800, "rows":1}' data-responsive='[{"breakpoint":"2000","settings":{"slidesToShow":1 }},{"breakpoint":"992","settings":{"slidesToShow":2}}]'>
							<div class="product-item style-1">
								<div class="product-inner equal-element">
									<div class="product-top">
										<div class="flash">
													<span class="onnew">
														<span class="text">
															new
														</span>
													</span>
										</div>
									</div>
									<div class="product-thumb">
										<div class="thumb-inner">
											<a href="#">
												<img src="../images/product-item-1.jpg" alt="img">
											</a>
											<div class="thumb-group">
												<div class="yith-wcwl-add-to-wishlist">
													<div class="yith-wcwl-add-button">
														<a href="#">Add to Wishlist</a>
													</div>
												</div>
												<a href="#" class="button quick-wiew-button">Quick View</a>
												<div class="loop-form-add-to-cart">
													<button class="single_add_to_cart_button button">Add to cart
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="product-info">
										<h5 class="product-name product_title">
											<a href="#">Cavendish Bananas</a>
										</h5>
										<div class="group-info">
											<div class="stars-rating">
												<div class="star-rating">
													<span class="star-3"></span>
												</div>
												<div class="count-star">
													(3)
												</div>
											</div>
											<div class="price">
												<del>
													$65
												</del>
												<ins>
													$45
												</ins>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="product-item style-1">
								<div class="product-inner equal-element">
									<div class="product-top">
										<div class="flash">
													<span class="onnew">
														<span class="text">
															new
														</span>
													</span>
										</div>
									</div>
									<div class="product-thumb">
										<div class="thumb-inner">
											<a href="#">
												<img src="../images/product-item-2.jpg" alt="img">
											</a>
											<div class="thumb-group">
												<div class="yith-wcwl-add-to-wishlist">
													<div class="yith-wcwl-add-button">
														<a href="#">Add to Wishlist</a>
													</div>
												</div>
												<a href="#" class="button quick-wiew-button">Quick View</a>
												<div class="loop-form-add-to-cart">
													<button class="single_add_to_cart_button button">Add to cart
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="product-info">
										<h5 class="product-name product_title">
											<a href="#">Sweet Orange</a>
										</h5>
										<div class="group-info">
											<div class="stars-rating">
												<div class="star-rating">
													<span class="star-3"></span>
												</div>
												<div class="count-star">
													(3)
												</div>
											</div>
											<div class="price">
												<del>
													$65
												</del>
												<ins>
													$45
												</ins>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="widget widget-testimonials">
						<h3 class="widgettitle">Testimonials</h3>
						<div class="slider-related-products owl-slick nav-top-right"  data-slick ='{"autoplay":false, "autoplaySpeed":1000, "arrows":true, "dots":false, "infinite":true, "speed":800, "rows":1}' data-responsive='[{"breakpoint":"991","settings":{"slidesToShow":1 }}]'>
							<div class="testimonials-item">
								<div class="Testimonial-inner">
									<div class="comment">
										Donec ligula mauris, posuere sed tincidunt a, facilisis id enim. Class aptent taciti sociosqu ad litora torquent per conubia.
									</div>
									<div class="author">
										<div class="avt">
											<img src="../images/member1.png" alt="img">
										</div>
										<h3 class="name">
											Adam Smith
											<span class="position">
													CEO/Founder Apple
												</span>
										</h3>

									</div>
								</div>
							</div>
							<div class="testimonials-item">
								<div class="Testimonial-inner">
									<div class="comment">
										Donec ligula mauris, posuere sed tincidunt a, facilisis id enim. Class aptent taciti sociosqu ad litora torquent per conubia.
									</div>
									<div class="author">
										<div class="avt">
											<img src="../images/member2.png" alt="img">
										</div>
										<h3 class="name">
											Tom Milikin
											<span class="position">
													CEO/Founder Apple
												</span>
										</h3>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<footer class="footer style7">
	<div class="container">
		<div class="container-wapper">
			<div class="row">
				<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-sm hidden-md hidden-lg">
					<div class="gnash-newsletter style1">
						<div class="newsletter-head">
							<h3 class="title">Newsletter</h3>
						</div>
						<div class="newsletter-form-wrap">
							<div class="list">
								Sign up for our free video course and <br/> urban garden inspiration
							</div>
							<input type="email" class="input-text email email-newsletter"
								   placeholder="Your email letter">
							<button class="button btn-submit submit-newsletter">SUBSCRIBE</button>
						</div>
					</div>
				</div>
				<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4">
					<div class="gnash-custommenu default">
						<h2 class="widgettitle">Quick Menu</h2>
						<ul class="menu">
							<li class="menu-item">
								<a href="#">New arrivals</a>
							</li>
							<li class="menu-item">
								<a href="#">Life style</a>
							</li>
							<li class="menu-item">
								<a href="#">Pumpkin</a>
							</li>
							<li class="menu-item">
								<a href="#">Leafy green</a>
							</li>
							<li class="menu-item">
								<a href="#">Soybeans</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-xs">
					<div class="gnash-newsletter style1">
						<div class="newsletter-head">
							<h3 class="title">Newsletter</h3>
						</div>
						<div class="newsletter-form-wrap">
							<div class="list">
								Sign up for our free video course and <br/> urban garden inspiration
							</div>
							<input type="email" class="input-text email email-newsletter"
								   placeholder="Your email letter">
							<button class="button btn-submit submit-newsletter">SUBSCRIBE</button>
						</div>
					</div>
				</div>
				<div class="box-footer col-xs-12 col-sm-4 col-md-4 col-lg-4">
					<div class="gnash-custommenu default">
						<h2 class="widgettitle">Information</h2>
						<ul class="menu">
							<li class="menu-item">
								<a href="#">FAQs</a>
							</li>
							<li class="menu-item">
								<a href="#">Track Order</a>
							</li>
							<li class="menu-item">
								<a href="#">Delivery</a>
							</li>
							<li class="menu-item">
								<a href="#">Contact Us</a>
							</li>
							<li class="menu-item">
								<a href="#">Return</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer-end">
				<div class="row">
					<div class="col-sm-12 col-xs-12">
						<div class="gnash-socials">
							<ul class="socials">
								<li>
									<a href="#" class="social-item" target="_blank">
										<i class="icon fa fa-facebook"></i>
									</a>
								</li>
								<li>
									<a href="#" class="social-item" target="_blank">
										<i class="icon fa fa-twitter"></i>
									</a>
								</li>
								<li>
									<a href="#" class="social-item" target="_blank">
										<i class="icon fa fa-instagram"></i>
									</a>
								</li>
							</ul>
						</div>
						<div class="coppyright">
							Copyright © 2020
							<a href="http://www.bootstrapmb.com/">Gnash</a>
							. All rights reserved
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<div class="footer-device-mobile">
	<div class="wapper">
		<div class="footer-device-mobile-item device-home">
			<a href="index.jsp">
					<span class="icon">
						<i class="fa fa-home" aria-hidden="true"></i>
					</span>
				Home
			</a>
		</div>
		<div class="footer-device-mobile-item device-home device-wishlist">
			<a href="#">
					<span class="icon">
						<i class="fa fa-heart" aria-hidden="true"></i>
					</span>
				Wishlist
			</a>
		</div>
		<div class="footer-device-mobile-item device-home device-cart">
			<a href="#">
					<span class="icon">
						<i class="fa fa-shopping-basket" aria-hidden="true"></i>
						<span class="count-icon">
							0
						</span>
					</span>
				<span class="text">Cart</span>
			</a>
		</div>
		<div class="footer-device-mobile-item device-home device-user">
			<a href="#">
					<span class="icon">
						<i class="fa fa-user" aria-hidden="true"></i>
					</span>
				Account
			</a>
		</div>
	</div>
</div>
<a href="#" class="backtotop">
	<i class="fa fa-angle-double-up"></i>
</a>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/jquery.plugin-countdown.min.js"></script>
<script src="../js/jquery-countdown.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/magnific-popup.min.js"></script>
<script src="../js/isotope.min.js"></script>
<script src="../js/jquery.scrollbar.min.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<script src="../js/mobile-menu.js"></script>
<script src="../js/chosen.min.js"></script>
<script src="../js/slick.js"></script>
<script src="../js/jquery.elevateZoom.min.js"></script>
<script src="../js/jquery.actual.min.js"></script>
<script src="../js/fancybox/source/jquery.fancybox.js"></script>
<script src="../js/lightbox.min.js"></script>
<script src="../js/owl.thumbs.min.js"></script>
<script src="../js/jquery.scrollbar.min.js"></script>
<script src='http://www.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
<script src="../js/frontend-plugin.js"></script>
</body>
</html>